*{margin:0;padding:0;list-style:none;font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; }
html{font-size: 6.2vw;}
html, body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color:#333;
	background: #f0f1f5;

	font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif;
}
body{
	font-size: 16px;
}
p{line-height: 1.8;}
h1,h2,h3,h4,h5{font-weight: 500;font-size: inherit;}
a{color:#666;text-decoration:none;}

@media screen and (min-width:861px){
	a.hov:hover{color:#1f3855 !important;}
}
.f_blue{color: #1f3855;}
.f_333{color:#333 !important;}
.f96{font-size: 96px;}
.f60{font-size: 60px;}
.f48{font-size: 48px;}
.f40{font-size: 40px;}
.f36{font-size: 36px;}
.f30{font-size: 30px;}
.f24{font-size: 24px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f12{font-size: 12px;}
img{border:0 none;width: 100%;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}
.zIndex{z-index: 98;}
.rel{position: relative;}
.abs{position: absolute;}
.overflow{overflow: hidden;}
.block{display: block;}
.textshadow{text-shadow: 0 0 5px rgba(0,0,0,0.5)}
.textshadowb{text-shadow: 0 2px 5px rgba(0,0,0,0.5)}
.border_b{border-bottom: 1px solid #eee;}
.section { color: #fff;position:relative;}
.warp{width:90%; max-width: 1440px; margin:0 auto;}
.clearfix{zoom:1;clear:both;display:inline-block;}
.clearfix{display:block;}
.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.pb50{padding-bottom: 50px;}
.pt50{padding-top: 50px }
.pt20{padding-top:20px }
.pt10{padding-top: 10px}

.fp-controlArrow.fp-next,.fp-controlArrow.fp-prev{border:none;}

.backtop{position: fixed;bottom: 50px;right:50%;margin-right: -610px;z-index: 9999;width:40px;height:40px;border-radius: 50%;cursor: pointer;}
.backtop i{font-size: 37px;opacity: 0.8;color: #0670bb;line-height: 46px;text-align: center;display: block;}

@media screen and (max-width:1200px){
	body{font-size: 14px;}
}

.head{position:fixed;top:0;left:0;width:100%;height:45px;z-index:99;background: url(../images/headbg.png) no-repeat;background-size: 100%;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}
.head .warp{height:100%;width:calc(100% - 40px);max-width: 1920px;}
.headfix{box-shadow:0px -1px 27px #E0E0E0;background:#fff; -webkit-box-shadow:0px -1px 27px #E0E0E0;-moz-box-shadow:0px -1px 27px #E0E0E0;-o-box-shadow:0px -1px 27px #E0E0E0;-ms-box-shadow:0px -1px 27px #E0E0E0;}
.head .logo a{display:block;overflow:hidden;position:relative;/*background: url("../images/logo.png") no-repeat center;background-size: 100%;*/}
/*.head .logo a img{opacity: 0;}*/
.head .logo .img02{display:none;}
.head .nav{float:right;margin:0 20px;height:100%;}
.head .nav li{float:left;position:relative;padding:0 20px;height:100%}
.head .nav li a{position:relative;overflow:hidden;color: #000;}
.head .nav li a.t{padding:0;display:flex;color: #fff !important;height:100%;align-items: center;}
.head .nav li.active a.t{color:#fff;}
.head .nav li a.t:after{content:"";border-radius:1px;height:2px;background:#fff;display:block;position:absolute;bottom:-5px;left:0;width:100%;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}


.head .lang{position: relative;height:100%;}
.head .lang span{display: flex;align-items: center;height: 100%;color:#fff;}
.head .lang span i{display: block;margin-left: 10px;font-size: 12px;}
.head .lang div{position: absolute;left:-20px;top:100%;background: #fff;padding:10px 0;opacity: 0;pointer-events: none;transition: .3s;}
.head .lang div a{padding:5px 20px;display: block;}

.head .search{color:#fff;margin-left: 20px;}
.head_txt{display: none;color: #fff;margin-left: 10px;}
.inBody .head_txt{color: #000;}
.head.up .head_txt{color: #000;}
@media screen and (min-width:861px){
	/*.head .nav li.hover a.t:after,*/
	.head .nav li.active a.t:after{bottom:0;}
	.head .lang:hover div{opacity: 1;pointer-events: all;}
	.head .nav li.hover i.icon{border-bottom: 6px solid #333;border-top:0;}

}
.head .nav .nav_up{position: absolute;background: #fff;left:50%;margin-left: -57px;display: none;}
.head .nav .nav_up a{display: block;line-height: 36px;font-size: 14px; width: 114px;text-align: center;}
.head .nav .nav_up a.n{color: #fff;background: #0970bd;}

.head.up{background:rgba(255, 255, 255, .7);background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
/*.head.up .logo a{background-image: url("../images/logo_w.png");}*/
.head.up .logo .img01{display:none;}
.head.up .logo .img02{display:block;}
.head.up .nav li a.t{color:#333!important;text-shadow: none;}
.head.up .nav li.active a.t{color: #1f3855;}
.head.up .nav li a.t:after{background: #1f3855;}
.head.up .search{color:#333;}
.head.up .lang span{color:#333;}
.head.hide{transform: translateY(-100%);}


@media screen and (min-width:1341px){
	.head .logo a img{width: auto;max-height: 35px;}
}
@media screen and (max-width:1340px) {
	.head .nav{margin:0 1.04vw;}
	.head .nav li{padding:0 1.04vw;}
	.head .search{margin-left: 1vw;}
}

.nav li span {display: none;}
.nav li .nav_list{display: none;}
.nav_list{position: absolute;left: 50%;top:100%;background: #fff;font-size: 16px;text-align: center;line-height: 40px;padding: 10px 0;width: 160px;margin-left: -80px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}
.nav_list p a{display: block;line-height: 40px;}
.nav_return {
	display: none;
}
@media only screen and (min-width:1025px) {
	.nav_list p a:hover{color: #1f3855!important;}
}
/*.nav li.hover .nav_list{height: auto!important;}*/
@media only screen and (max-width:1024px) {
	.nav_return {
		display: block;
	}
	.nav li span{display: block;width: 50px;float: right;cursor: pointer;position: relative;text-align: right;padding: 0.65rem 0;
		color: #fff;}
	.nav li .nav_list{display: block;box-shadow: inherit;}
	.nav_insert{padding-top: 50px;}
	.nav_list{position: fixed;top:0px;left: auto; right:-100%;width: 100%;height: 100%;background:#080d1a;padding:  0;box-sizing:border-box;
		transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
		z-index: 2;}
	.nav_list p a{padding: 0.65rem 30px;display: block;text-align: left;color: #fff!important;font-size: .6rem;line-height: initial;}
	.nav_list p{border-bottom: 1px solid rgba(255,255,255,0.2);}
	.nav li.cur .nav_list {right: 0;}
	.head_txt{display: block;}
}




.pb_info{position: absolute;bottom:0;left:0;width: 100%;background:rgba(9,9,10,.5);z-index: 999;padding:20px 0;display: none;}
.pb_info .warp{display: flex;height: 100%;justify-content: space-between;max-width: 850px;}
.pb_info .warp:last-child{align-items: flex-end;}
.pb_info .item{height:100%;display: flex;flex-direction: column;color:#fff;position: relative;width: 25%;}
.pb_info .item:last-child{width: auto;}
.pb_info span{color:#fff;display: block;text-align: left;padding:5px 0;}
.pb_info i{color:#ff0000;margin-left: 8px;}

@media screen and (max-width:860px) {
	.pb_info{font-size: 12px ;}
	.pb_info span{font-size: 12px;}
	/* .pb_info .item:nth-child(1){display: none;} */
}


.fl{float: left;}
.fr{float:right;}
.bgcovre{position: absolute;top: 0;left:0;z-index: 1;height:100%;width:100%;background-position:center;background-size: cover;}
.inPage1{text-align: center;}
.banner{height:100%;width:100%;position: relative;overflow: hidden;}
.banner .slide{background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:500px;position: relative;overflow: hidden;}
.banner .swiper-slide{display: flex;align-items: center;justify-content: center;position: relative;}
.banner .swiper-slide .video_button{font-size: 50px;color: #333;z-index: 100;display: none;}
.banner .warp{position: relative;z-index: 2;transition: 1s .3s;transform: translateY(150%);opacity: 0;}

.banner .warp h2{font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner .warp h3{padding:10px 0 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner .warp p{line-height: 30px;max-height: 60px;overflow: hidden;}
.banner .swiper-slide-active .warp{opacity: 1;transform: translateY(0px);}
.banner .playv .bgcovre{transition: 1s;opacity: 0;pointer-events: none;}
.banner .playv .warp{opacity: 0;}
.banner video{position: absolute;left:0;top:0;z-index:0;}
.x_banner{height:400px;width:100%;background-repeat: no-repeat;background-position: center center;display: table;}
.new_ban{height: 900px;background-size: cover;}


.footer{background:#404143;width:100%;padding:7px 0 0;text-align:left;font-size: 14px;color:#fff;}
.footer a{color:#fff;}
.f_nav{display: flex;justify-content: space-between;color:rgba(255, 255, 255, .2)}
.f_nav a{opacity: .8;}
.footer .item{float:left;width:18%;}
.footer .item h2{position:relative;line-height:28px;padding-bottom:8px;font-size: 16px;color: #fff;}
.footer .item a{display:block;color:#7d7d7d;font-size:14px;line-height:2em;}
.footer .cen {border-top: 1px solid #c5c6c6;padding:7px 0;}
.footer .warp{display: flex; align-items: center;}
.f1{flex:1;}
.footer .cen{font-size: 12px;}
.footer .cen em{display:inline-block;padding:0 10px;}
.footer .cen a,.footer .cen i{display: inline-block;color:rgba(255, 255, 255, .8)}
.footer .cen a:last-child{opacity: .7;}
.footer .l{flex:1;display: flex;flex-wrap: wrap;margin-right: 20px;}
.footer .l a{width: 49%;display: block;color:#fff;box-sizing: border-box;line-height: 1.8;margin-bottom: 5px;}
.footer .l a:nth-child(2n-1){padding-right:20px;}
.footer .l b{display: block;padding-bottom:0px;font-size: 14px;}
.footer .r{padding:0px 0;margin-top: 0px;width: 38%;}
.footer .r .codes{display: flex;justify-content: space-between;padding:40px  0 20px;width: 100%;}
.footer .r .codes a{position: relative;display: block;color:rgba(9,9,10,.5);position: relative;text-align: center;color:#959595;float: left;}
.footer .r .codes a>img{width: 35px;height:35px;display: block;margin: 0 auto 10px;}
.footer .r .codes a span{position: absolute;left:50%;opacity: 0;pointer-events: none;display: block;width: 100px;height:100px;bottom:0%;background:#fff;border-radius:5px;padding:3px;transition:.6s;box-sizing:border-box;margin-left:-50px; }
.footer .r .codes a span img{display: block;}
.footer .r .codes i{display: block;font-size: 30px;margin-bottom: 5px;}
.footer .r .codes a:hover{z-index: 3;}
.footer .r .codes a:hover span{opacity: 1;}
@media screen and (min-width:861px){

	.footer .item a:hover{color:#fff;}
	.footer a.hov:hover{text-decoration: underline; color:#fff !important;}


}
@media screen and (max-width:1024px) and (min-width:500px){
	html{font-size: 4vw;}
}
@media screen and (max-width:1920px) and (min-width:861px){
	.head .logo{width:10%;}
	.f96{font-size: 5vw;}
	.f60{font-size: 3.125vw;}
	.f48{font-size: 2.5vw;}
	.f40{font-size: 2.08vw;}
	.f36{font-size: 1.875vw;}
	.f30{font-size: 1.5625vw;}
	.f24{font-size: 1.25vw;}
	.f20{font-size: 1.04166vw;}
	.f18{font-size: 0.9375vw;}
	.f16{font-size: 0.8333vw;}
}

@media screen and (max-width:860px){
	html{font-size: 4vw;}
	.head{height: 2rem;}
	.head .logo{width:30%;}
	.banner {height: 600px;position: relative;}
	.banner .warp h3{padding-bottom: .5rem;}
	.banner .warp p{line-height:24px;height:72px;overflow:hidden;font-size: 14px;max-height: 72px;}
	.footer .cen em{padding:0 5px;}
	body{font-size: .6rem;}
	.f96{font-size: 1.5rem;}
	.f60{font-size: 1rem;}
	.f48{font-size: .9rem;}
	.f40{font-size: .8rem;}
	.f36{font-size: .7rem;}
	.f30{font-size: .65rem;}
	.f24{font-size: .6rem;}
	.f20{font-size: .6rem;}
	.f18{font-size: .5rem;}
	.f16{font-size: .5rem;}

	.banner .swiper-slide .video_button{display: block;}
	.banner .swiper-slide video{display: none;}
}

@media screen and (max-width:500px) {
	html{font-size: 6vw;}
}

@media screen and (max-width:600px){
	.banner{height: 400px;}
}

@media screen and (max-width:1024px){
	/*手机导航按钮开始*/
	.nav_phone_btn {
		display: block;
		cursor: pointer;
		height: 3vw;
		line-height: 0.5rem;
		position: relative;
		z-index: 99999999;
		width: 2vw;
		margin-left: 1vw;
		text-align: center;
	}

	.nav_phone_btn span {
		position: relative;
		/* width: 0.46rem; */
		width: 100%;
		/* height: 0.03rem; */
		height: 2px;
		top: -0.07rem;
		background-color: #fff;
		display: inline-block;
		transition: all 250ms ease-out;
		-webkit-transition: all 250ms ease-out;
	}

	.nav_phone_btn span i {
		position: absolute;
		bottom: -0.3rem;
		left: 0;
		width: 100%;
		color: #fff;
		font-size: 0.12rem;
		text-transform: uppercase;
	}

	.nav_phone_btn span:before,
	.nav_phone_btn span:after {
		content: "";
		position: absolute;
		width: 100%;
		/* height: 0.03rem; */
		height: 2px;
		background-color: #fff;
		left: 0px;
		transition: all 250ms ease-out;
		-webkit-transition: all 250ms ease-out;
	}

	.up .nav_phone_btn span,
	.up .nav_phone_btn span:before,
	.up .nav_phone_btn span:after{background-color:#000;}
	.up .nav a{color:#fff !important}
	.head.up .nav li a.t:after{background:#fff;}
	.nav_phone_btn span:before {
		top: -0.14rem;
	}

	.nav_phone_btn span:after {
		top: 0.14rem;
		widtH: 60%;
		left: auto;
		right: 0;
	}

	.visible_nav.nav_phone_btn {}

	.visible_nav.nav_phone_btn span {
		background-color: transparent;
	}

	.visible_nav.nav_phone_btn span:before {
		top: 0px;
		width: 90%;
		transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
	}

	.visible_nav.nav_phone_btn span:after {
		top: 0px;
		right: auto;
		lefT: 0;
		width: 90%;
		transform: rotateZ(-45deg);
		-webkit-transform: rotateZ(-45deg);
		-ms-transform: rotateZ(-45deg);
	}
	.up .visible_nav span:before,.up .visible_nav span:after{background:#fff;}

	.body_nav_phone .nav {
		right: 0;
		left: auto;
		width: 100%;
		padding-top: 20%;
	}

	/*手机导航按钮结束*/
	.head .nav{margin:0}
	.nav {
		display: block;
		position: fixed;
		z-index: 100000;
		margin-top: 0;
		top: 0;
		padding: 0;
		right: -100%;
		height: calc(100vh - 1rem);
		width: 100%;
		left: auto;
		transition: left 0ms ease-out;
		-webkit-transition: left 0ms ease-out;
		transition: right 250ms ease-out;
		-webkit-transition: right 250ms ease-out;
		overflow: hidden;
		overflow-y: auto;
		background: #080d1a;
	}
	.nav.show{right:0;}


	.nav ul {
		padding: 0px 0;
		clear: both;
		float: none;
		width: 100%;
	}

	.nav>ul {
		position: static;
		text-align: left;
		overflow: auto;
	}
	.head .nav{
		padding-top: 2rem;
	}

	.nav ul>li {
		line-height: 0.8rem;
		float: none;
		display: block;
		height: auto;
		padding: 0;
		margin-bottom: .66rem;
		/* border-bottom: 0.01rem solid rgba(255, 255, 255, .2); */
		overflow: hidden;
	}
	.head .nav li a.t{height: auto;padding:.65rem 0;float: left;width: 70%;}
	.head .nav li{height:auto;width:100%;box-sizing: border-box;padding: 0 30px;border-bottom: 1px solid rgba(255,255,255,0.2);}
	.nav ul>li .navlist {
		display: block !important;
	}

	.nav ul>li>a {
		height: 0.8rem;
		line-height: 0.8rem;
		padding: 0 0.3rem;
		color: #fff;
		text-align: left;
		width: 100%;
		overflow: hidden;
		font-size: .54rem;
		text-align: center;
	}

	.nav ul>li.on>a {
		background: none;
		color: #fff;
	}
	.nav ul>li.on>a::after{
		content: '\e6ef';
		font-family: 'iconfont';
		margin-left: 1em;
		margin-right: -2.15em;
		transition: all 0.8s;
		display: inline-block;
		vertical-align: middle;
		margin-top: -0.03rem;
		font-size: .15rem;
	}
	.nav ul>li>span {
		text-align: center;
		font-size: 18px;
		line-height: 0.8rem;
		width: 0.8rem;
		height: 0.8rem;
		float: right;
	}

	.nav ul>li>span.on {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

	.nav ul>li>span {
		display: none;
		cursor: pointer;
	}

	.nav ul>li>span.cur {
		display: block;
	}

	.nav ul>li>span.on+a {
		color: #fff;
	}

	.nav ul>li.on>a>em {
		display: none;
	}

	.navlist {
		display: block;
		width: 100% !important;
		background: none;
		top: 0;
		height: 100%;
		lefT: auto;
		margin-left: 0;
		right: -100%;
		padding-top: 0.4rem;
		z-index: 100;
		transition: left 0ms ease-out;
		-webkit-transition: left 0ms ease-out;
		transition: right 250ms ease-out;
		-webkit-transition: right 250ms ease-out;
		background: #001f4d;
	}

	.nav ul>li.cur .navlist {
		right: 0;
		margin: 0;
	}

	.navlist a {
		padding: 0 0.2rem;
	}

	.return_a {
		display: block;
	}

	.navlist dl {
		padding: 0;
	}

	.navlist dl .wrap {
		width: 100%;
		margin: 0;
	}

	.navlist dt {
		text-align: left;
	}

	.navlist dt p {
		display: block;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}

	.navlist dt p a {
		padding: 0 0.2rem;
	}

	.navlist dt p a:after {
		display: none;
	}
}

@media screen and (max-width:860px){
	.nav_phone_btn span{height:.1rem;top:.1rem;}
	.nav_phone_btn span:before, .nav_phone_btn span:after{height:.1rem;}
	.nav_phone_btn span:before{top:-.2rem;}
	.nav_phone_btn span:after{top:.2rem;}
	.head .nav li{padding: 0 20px;}
	.head .nav li a.t,.nav li span{padding: 0.45rem 0;}
	.nav_list p a{padding: 0.45rem 20px;}
}

@media screen  and (max-width:860px){
	.nav_phone_btn{width: .7rem;height:1rem;margin-left: 5px;}
	.footer .warp{display: block;}
	.section .warp.f_nav{display: flex;flex-wrap: wrap;}
	.section .warp.f_nav em{display: none;}
	.section .warp.f_nav a{width: 20%;margin-bottom: 10px;}
	.footer .l{display: block;padding:0;margin:0;}
	.footer .l a{width: 100%;}
	.footer .r .codes{flex-wrap: wrap;justify-content: center;padding-top: 10px;}
	.footer .r .codes a{flex:1;margin-bottom: .5rem;font-size: 12px;}
	.footer .r > a{display: block;}
	.footer .cen{line-height: 1.8;}
	.footer{padding:1rem 0 0;}
}

.section{transform: scale(.8);transition:all 0.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;transform-origin: bottom center;}
.section.show,.section.active,.fp-auto-height{transform: scale(1);}
.section.ip .warp{position: relative;z-index: 10;padding-top: 70px;position: relative;z-index: 88;}
.section.ip {overflow: hidden;}
.inPage2 .img{position: absolute;right:0;/* height: 90%;width: auto; */ width:49%;bottom:0;z-index:5;}
.inPage2 canvas{position: absolute;left:0;top:0;width: 100%;height:100%;z-index: 4;}
.inPage2 .warp{text-align: left;box-sizing: border-box;transform: translateY(50%);transition: 1s;}
.inPage2 .infowp{width: 50%;}
.inPage2 .infowp h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inPage2 .infowp .wn{line-height: 24px;max-height: 48px;overflow: hidden;}
.inPage2 .infowp .dec.c2{line-height: 30px;/*max-height: 120px;*/overflow: hidden;}
.inPage2.active .warp{transform: translateY(0);}
.inPage2 .nums{display: flex;justify-content: space-between;}
.inPage2 .nums .cum{color:#1f3855}
.inPage2 .nums .cum i{font-weight: 600;}
.inPage2 .nums label{display: block;opacity: .7;}

.inPage2 .wn span{display: block;}
@media screen and (min-width:1800px) {
	.inPage2 .img{width: auto;height:88%;}
}
@media screen and (min-width:861px) and (max-width:1300px){

	/* .inPage2 .img{height: auto;width: 70%;} */
}
@media screen  and (max-width:860px){
	/* .inPage2 .wn span{display: inline;} */
	/* .inPage2 .nums{display: block;} */
	.inPage2 .warp{padding-bottom: 8rem;transform: translateY(0);}
	.inPage2 .img{height: auto;width:110%;bottom:-7rem;}
}

.index03 .warp{overflow: hidden;box-sizing: border-box;transform: translateY(50%);transition: .6s;}
.index03 .infowp{width:50%;max-width: 580px;float: right;}
.index03 .content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index03 .content .item{border:1px solid #1f3855;width: calc(50% - 10px);box-sizing: border-box;margin-bottom: 20px;position: relative;transform: translateY(50%);opacity: 0;}
.index03.active .content .item{animation:fadeInUp 1.2s forwards;}
.index03.active .content .item:nth-child(1){animation-delay: .3s;}
.index03.active .content .item:nth-child(2){animation-delay: .6s;}
.index03.active .content .item:nth-child(3){animation-delay: 0.9s;}
.index03.active .content .item:nth-child(4){animation-delay: 1.2s;}
.index03.active .content .item:nth-child(5){animation-delay: 1.5s;}
.index03.active .content .item:nth-child(6){animation-delay: 1.8s;}
.index03.active .content .item:nth-child(7){animation-delay: 2.1s;}
.index03.active .content .item:nth-child(8){animation-delay: 2.4s;}
.index03.active .warp{transform: translateY(0);}
.index03 .content .item:after{content:'';width: 0;height:100%;background-color: #1f3855;transition: .6s;display: block;position: absolute;left:0;top:0;z-index: 0;}
.index03 .content .item a{color:#1f3855;padding:15px;box-sizing: border-box;width: 100%;transition: .3s;position: relative;z-index:1;display: block;}
.index03 .content .item a i{margin-bottom:5px;display: block;}
.index03 .content .item a i:before{
	content: '';
	width: 20px;
	height: 2px;
	background-color: #272727;
	display: block;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	transition: .4s;
}
.index03 .content .item a span{white-space: nowrap;display: block;justify-content: space-between;align-items: center;overflow: hidden;text-overflow: ellipsis;}
.index03 .content .item a span:after{content:'\e69b';font-family: 'iconfont' !important;}

@media screen and (min-width:861px){
	.index03 .content .item:hover a{color:#fff!important;}
	.index03 .content .item:hover a i:before{background: #ffffff;}
	.index03 .content .item:hover:after{width: 100%;}

}
.section .mw{padding:20px 0;}
.section .mw a{font-size: 24px;}

.index04{background-color: #d2dae5;}
.index04 .warp{box-sizing: border-box;transform: translateY(50%);transition: .6s;}
.index04 .infowp{width: 50%;max-width:540px;}
.index04.active .warp{transform: translateY(0);}
.index04 .img{display:block;position: absolute;bottom:0;right:10%;width: 45%;height:auto; z-index: 0;transform: translateX(-5%);transition: 3.4s;}
.index04.active .img{transform: translateX(0);}
.index04 .bgcovre{background-size:100%;background-position: bottom right;background-repeat: no-repeat;}
.index04 .content{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index04.active .content a{animation:fadeInUp 1.2s forwards;}
.index04.active .content a:nth-child(1){animation-delay: .3s;}
.index04.active .content a:nth-child(2){animation-delay: .6s;}
.index04.active .content a:nth-child(3){animation-delay: 0.9s;}
.index04.active .content a:nth-child(4){animation-delay: 1.2s;}
.index04.active .content a:nth-child(5){animation-delay: 1.5s;}
.index04.active .content a:nth-child(6){animation-delay: 1.8s;}
.index04.active .content a:nth-child(7){animation-delay: 2.1s;}
.index04.active .content a:nth-child(8){animation-delay: 2.4s;}
.index04.active .warp{transform: translateY(0);}
.index04 .content a{
	/*width: calc((100% - 61px) / 4);margin-right: 20px;float: left;margin-bottom: 20px;box-sizing: border-box;*/
	/*border:1px solid #1f3855;color:#1f3855;position: relative;display: block;transition: .5s;transform: translateY(50%);opacity: 0;*/
	padding: 15px;
	border: 1px solid #1f3855;
	width: calc(50% - 10px);
	box-sizing: border-box;
	margin-bottom: 20px;
	position: relative;
	transform: translateY(50%);
	opacity: 0;
	color: #1f3855;
}
.index04 .content a img{display: none;}
.index04 .content a span{
	/*padding:15px;position: absolute;left:0;top:0;width: 100%;height:94%;*/
	/*z-index: 2;box-sizing: border-box;overflow: hidden;*/
	white-space: nowrap;
	display: block;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	z-index: 3;
}
.index04 .content a span:before{content:'';width: 20px;height:2px ;background-color: #272727;display: block;position: relative;z-index: 2;margin-bottom: 20px;transition: .4s;}
.index04 .content a:after{content:'';width: 100%;height: 0;display: block;position: absolute;left: 0;top: 0;background: url(../images/index/p4img2.jpg) no-repeat;background-size:100%;transition: .6s;}
.index04 .content a:nth-child(4n){margin-right: 0;}
@media screen and (min-width:861px){
	.index04 .content a:hover{color:#fff!important;}
	.index04 .content a:hover span:before{background-color: #fff;}
	.index04 .content a:hover:after{height:100%;}
}

@media screen and (min-width:861px) and (max-width:999px){
	.index03 .infowp{width: 60%;}
	.index04 .infowp{width:60%;}
}
@media screen and (max-width:860px){
	.inPage2 .infowp{width:100%;}
	.index03 .infowp{width: 100%;}
	.index04 .infowp{width: 100%;}
	.section .mw{padding:.2rem 0;}
	.index03 .bgcovre{background:url(../images/index/p3bg_m.jpg) no-repeat top #dae1ea !important;background-size: 100% !important;
		background: #dae1ea!important;
	}
	.index04 .bgcovre,.index04 .img{display: none;}
	.index03 .ml{padding:3rem 0rem 0 6rem;padding: 0;}
	.index03 .content .item a{padding:10px;}
}

.index05 .yq{height: 100%;}
.index05 .yq .swiper-slide{display: flex;align-items: center;justify-content: center;text-align: center;background-size: cover;}
.index05 .yqtxt .swiper-slide .info{height:200px;display:flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 40px;box-sizing: border-box;}
.index05 .yqtxt .swiper-slide .info h2{padding-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.index05 .yqtxt .swiper-slide .info p{
	width: 100%;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	display: none;
}
.index05 .swiperbtn{position: absolute;bottom:20px;left:50%;z-index: 9999;cursor: pointer;}
.index05 .swiperbtn i{font-size: 30px;}
.index05 .swiperbtn.swipe-next{margin-left:60px;}
.index05 .swiperbtn.swiper-prev{left:auto;right:50%;margin-right: 60px;}
.index05 .swiperbtn.swiper-prev i{transform:rotateY(-180deg);display: block;}
.index05 .swiper-pagination{top:auto;bottom:26px;}

.index05 .yqtxt{width: 760px;height:280px;background-color: rgba(0,0,0,.4);position: absolute;lefT:50%;top:50%;z-index: 2;overflow: hidden;text-align: center;margin:-140px 0 0 -380px;}
.index05 .yqtxt .swiper-slide{opacity: 0 !important;}
.index05 .yqtxt .swiper-slide-active{opacity: 1 !important;}

.index06 {overflow: hidden;}
.index06 .warp{display: flex;justify-content: space-between;align-items: center;}
.index06 .warp div.l{width:50%;position: relative;max-width: 740px;transform: rotate(-45deg);transform-origin:center;transition: 1.8s ease-out;z-index: 99;}
.index06.active .warp div.l{transform: rotate(0);}
.index06 .warp div.r{width:40%;/* padding:0 5%; */ box-sizing: border-box;z-index:9;position: relative;}

.index06 .warp div.l .nr{position: absolute;z-index: 8;width: 100%;height:100%;left:0;top:0;}
.index06 .warp div.l .nr a{position: absolute;width: 25%;border-radius: 50%;}
.index06 .warp div.l .nr a img{display: block;border-radius: 50%;}
.index06 .warp div.l .nr a > div{width:0;overflow:hidden;position: absolute;left:100%;top:0;background-color: #fff;min-height: 100%;transition: .6s;}
.index06 .warp div.l .nr a > div div{width: 300px;display: flex;padding:20px;box-sizing: border-box;align-items: center;}
.index06 .warp div.l .nr a div img{width:50px;margin-right: 30px;color:#ccc;height: 50px;border-radius: 0;}
.index06 .warp div.l .nr a div b{display: block;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 15px;}
.index06 .warp div.l .nr a:nth-child(1){left:41%;top:1%;}
.index06 .warp div.l .nr a:nth-child(2){left:1%;top:22%;}
.index06 .warp div.l .nr a:nth-child(3){right:1%;top:32.5%;}
.index06 .warp div.l .nr a:nth-child(4){left:8.4%;top:66.8%;}
.index06 .warp div.l .nr a:nth-child(5){right:21.4%;top:73%;}

/*@media screen and (min-width:861px){*/
	.index06 .warp div.l .nr a:hover div{width: 300px;}
/*}*/
.index06 .warp .r {transform: translateY(50%);transition: 1s;}
.index06.active .warp .r{transform: translateY(0);}

@media screen and (min-width:861px) and (max-width:999px){
	.index06 .warp div.l .nr a div i{font-size: 30px;}
}

.index07 .content{display: flex;margin-top: 30px;}
.index07 .content .item{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.28);position: relative;width:calc(50% - 21px);justify-content: space-between;height:calc(50% - 20px);margin-bottom: 20px;transform: translateY(28px);opacity: 1; transition:.5s;}
.index07 .content .item .info{padding:20px;position: relative;z-index: 2;height:100%;}
.index07 .content .item .img{position: absolute;left:0;top:0;width: 100%;height:100%;display: block;background-size: cover;}
.index07 .content .l{width: 33%;}
.index07 .content .l .item{width: 100%;}
.index07 .content .l .item{height: auto;margin-bottom:0;}
.index07 .content .l .item .img{position: relative;height: 224px;overflow: hidden;}
.index07 .content .l .item .img .bgcovre{transform:scale(1) ;transition: 1.4s;}

@media screen and (min-width:861px){
	.index07 .content .l .item .img:hover .bgcovre{transform: scale(1.1);}
}
.index07 .content .l .item .info{height: 244px;box-sizing: border-box;}
.index07 .content .r{width:66%;display: flex;flex-wrap: wrap;align-items: stretch;}
.index07 .content .r .item{margin-left: 20px;height: 224px;}
.index07 .content .r .item:nth-child(1){transition-delay: .2s;}
.index07 .content .r .item:nth-child(2){transition-delay: .4s;}
.index07 .content .r .item:nth-child(3){transition-delay: .6s;}
.index07 .content .r .item:nth-child(4){transition-delay: .8s;}
.index07 .content .r .item:nth-child(3),.index07 .content .r .item:nth-child(4){margin-bottom: 0;}
.index07 .content .r .item .img{opacity: 0;z-index: 0;transition: .6s;}
.index07 .content .item .more{font-size: 24px;}
.index07 h2.t{text-align: center;}
.index07 h2.t_en{text-align: center;}
.index07 .info .time{color:#1f3855;padding-bottom: 10px;display: block;transition: .6s;}
.index07 .info p{color:#999;transition: .6s;line-height: 24px;height: 48px;overflow: hidden;margin-top: 10px;}

/* .index07.active .content .item{animation:fadeInUp1 1s forwards;} */
.index07.active .content .item{transform: translateY(0);}
.index07.active .content .l .item{animation-delay: .4s;}
.index07.active .content .r .item:nth-child(1){animation-delay: .6s;}
.index07.active .content .r .item:nth-child(2){animation-delay: .8s;}
.index07.active .content .r .item:nth-child(3){animation-delay: 1s;}
.index07.active .content .r .item:nth-child(4){animation-delay: 1.2s;}

@media screen and (min-width:861px){
	.index07 .content .r .item:hover .img{opacity: 1;}
	.index07 .content .r .item:hover .info{background: rgba(0,0,0,.4);}
	.index07 .content .r .item:hover .info .time,.index07 .content .r .item:hover .info p,.index07 .content .r .item:hover .info a{color:#fff;}
}
.c1{color:#1f3855}
.c2{color:rgba(0,0,0,0.7)}
.t_en{text-transform:uppercase;font-weight: 600;padding:3px 0 8px;}

@-webkit-keyframes fadeInUp1{100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp1{100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}

@media screen and (max-width:860px){
	#dowebok{overflow: hidden;}
	.section{transform: scale(1);}
	.section.ip .warp{padding-top: 1rem;}
	.index03 .warp,.index04 .warp{transform: translateY(0);padding: .75rem 0;}
	.index03 .content .item{opacity: 1;transform: translateY(0);}
	/*.index04 .bgcovre{background:url('../images/index/p4bg_m.jpg') no-repeat bottom !important;background-size:100% !important;}*/
	.index04 .content a{opacity: 1;padding: 10px;transform: translateY(0);}
	/*.index04 .content{flex-wrap: wrap;width:100%;padding-bottom:8rem;}*/
	/*.index04 .content a:before{margin-bottom: 10px;}*/
	/*.index04 .content a{opacity: 1;transform: translateY(0);width: calc((100% - 31px) / 4);margin-right: 10px;}*/

	/*.index04 .content a span{padding:10px;}*/
	/*.index04 .content a span:before{margin-bottom: .25rem;}*/
	.index05 .swiperbtn{top:auto;bottom:1rem;}
	.index05 .swiper-pagination{top:auto;bottom:1rem;line-height: 30px;}
	.index06{padding-bottom:20px;}
	.index06 .warp{display: block;}
	.index06 .warp div.l{width: 100%;transform: rotate(0);margin:1rem 0;}
	/*.index06 .warp div.l .nr{position: static;}*/
	/*.index06 .warp div.l .nr a{position: static;margin:.5rem 0;display: block;width: 100%;}*/
	/*.index06 .warp div.l .nr a img{display: none;}*/
	.index06 .warp div.l .nr a > div{width: 100%;position: static;background-color: rgba(255, 255, 255, .7);display: none;}
	.index06 .warp div.l .nr a > div div{width: 100%;}
	.index06 .warp div.r{width: 100%;transform: translateY(0);text-align: center;}
	.index06 .warp div.r p.dec.c2{text-align: left;}
	.index06-phone-item{position: absolute;color: #333;display: none;}
	.index06-phone-item{overflow:hidden;background-color: #fff;}
	.index06-phone-item div{width: 300px;display: flex;padding:20px;box-sizing: border-box;align-items: center;}
	.index06-phone-item img{width:50px;margin-right: 30px;color:#ccc;height: 50px;border-radius: 0;}
	.index06-phone-item b{display: block;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 15px;}
	.index06-phone-item.on{display: block;}

	.index07 .warp{padding-top: 1rem;}
	.index07 .content{display: block;padding-bottom: 1rem;}
	.index07 .content .l .item .info{height: auto;}
	.index07 .content .l{width: 100%;}
	.index07 .content .r{width: 100%;}
	.index07 .content .item{width: 100%;margin:0 0 .5rem !important;height:auto !important;transform: translateY(0);}
	.index05 .yq{overflow: hidden;height: 400px;}
	.index05 .yqtxt{width: 70%;height:55%;background: rgba(0,0,0,.2);margin:0;left:15%;top:25%;}
	.index05 .yqtxt .swiper-slide .info p{height:44px;}
	.index05 .yqtxt .swiper-slide .info{height: auto;padding-top: 1rem;}
	.inPage2 .infowp .dec.c2{max-height: inherit;}
}
@media screen and (max-width:767px){
	.index05{padding-bottom: 50px;}
	.index05 .yqtxt{background: none;position: static;width: 100%;height: auto;margin-top: -40px;}
	.index05 .yqtxt .swiper-slide .info{padding-top: 0;text-shadow: 0 0 3px rgba(0,0,0,.5);}
	.index05 .swiperbtn,.index05 .swiper-pagination{color: #333;bottom: 5px;}
	.index05 .swiper-pagination{line-height: 40px;}
}
@media screen and (max-width:500px) {
	/* .index04 .content {width: 70%;padding-bottom: 1rem;}
	.index04 .content a{width: calc(50% - .25rem);} */
}

/*内页banner*/
.site_banner{position: relative; width: 100%;overflow: hidden; margin-bottom: -4px;}
.site_banner img{ width: 100%;}
.site_text{color:#fff;text-align: left; width: 100%; top:auto; bottom:10%;}
.site_text h2{ line-height: 1.2; font-weight: bold; height: 1.2em; overflow: hidden;}
.site_text p{ font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;height: 1.5em; line-height: 1.5; overflow: hidden;}
@media only screen and (max-width: 767px){
	.site_text{top:65%; bottom:auto;}
}
/*20240308 end*/

.footer_tel a{width: 50%;float: left;margin-bottom: 10px;}
.footer_tel a:nth-child(2n){text-align: right;}
@media only screen and (max-width: 1280px){
	.footer .r{width: 45%;}
}
@media only screen and (max-width: 1024px){
	.footer .r{width: 100%;}
	.head.up .nav li a.t{color: #fff!important;}
	#dowebok{position:relative;z-index:2;}
	.head{z-index:1000000000;}
	.content.dec.c2{text-align:left;}
}
@media only screen and (max-width: 767px){
	.footer .r{width: 100%;}
	.footer_tel a{width: 100%;}
	.footer_tel a:nth-child(2n){text-align: left;}
}
.footer_tel a{color:#fff!important;cursor:inherit;}
@media only screen and (min-width: 1025px){
	.footer .cen a:hover,.footer .r .codes a:hover{color:#fff!important;}
}

.search_wrap{width:0;position: absolute; right:0px; top:45px; overflow: hidden; border:none; background: #fff;height:40px;line-height: 40px; outline: none;transition: 0.3s all;}
.search_wrap.on{width: 232px;  border-radius:5px;border:1px solid #969191;}
.search_box_text{float:left; width:200px; padding:0 10px; height: 40px; line-height: 40px; border:none; background: none;}
.search_box_button {float: right;width:30px;height:40px; border:0; outline: none; background: none;}
.search_box_text::placeholder{color:#BDBDBD;}
.search_box_button i{font-size: 18px;}

@media only screen and (max-width: 1024px){
	.search_wrap.on{width:100%;}
}

a.nohavesx{cursor: inherit;}


.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;width: 100%;display: block;}
.video_appbox .video_t{
	z-index:2;
	background:#000;
	width: 1035px;
	max-width: 70%;
	height: auto;
	/*max-height: 65%;*/
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:60%;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	visibility: hidden;
	opacity: 0;
}
.video_appbox.show .video_t{
	visibility: visible;opacity:1;
	top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:55px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

.phone-show{display: none!important;}
@media only screen and (max-width: 1024px){
	.pc-show{display: none!important;}
	.phone-show{display: block!important;}
}